<template>
  <div class="home">
    <!-- 审核内容 -->
    <div>
      <div class="title">待审批内容</div>
      <hc-content />
    </div>
    <!-- 销售情况 -->
    <hc-sale />
    <!-- 近期预警 -->
    <hc-warning />
    <!-- 饼图折线图 -->
    <hc-pie />
    <!-- 表格 -->
    <hc-table />
  </div>
</template>

<script setup>
import hcContent from "./components/contnet-item.vue";
import hcSale from "./components/sale.vue";
import hcWarning from "./components/warning.vue";
import hcPie from "./components/piechart.vue";
import hcTable from "./components/table-item.vue";
import { ref, reactive, onMounted, nextTick } from "vue";
</script>

<style lang="less" scoped>
.home {
  background-color: #f4f5fa;
  width: 100%;
  overflow: auto;
  padding: 0px 20px 0 20px;
}

.title {
  font-size: 16px;
  margin-bottom: 10px;
  color: #1a1a1a;
  font-weight: bold;
}
</style>
